body{
    width: 100%;
    height: 100%;
    /*position: absolute;*/
    margin: 0 auto;
    top: 0;
    background: url("../../../../static/index/img/background/5.jpg");
    background-repeat: no-repeat;
    background-size:cover ;
    opacity: 1;
    animation: fateimg 100s linear infinite;
    background-attachment: fixed;
}

@keyframes fateimg{
    0%{background: url("../../../../static/index/img/background/1.jpg");opacity: 97%;background-repeat: no-repeat;background-size:cover ;background-attachment: fixed;}
    4%{background: url("../../../../static/index/img/background/3.jpg");opacity: 97%;background-repeat: no-repeat;background-size:cover ;background-attachment: fixed;}
    8%{background: url("../../../../static/index/img/background/4.jpg");opacity: 97%;background-repeat: no-repeat;background-size:cover ;background-attachment: fixed;}
    12%{background: url("../../../../static/index/img/background/2.jpg");opacity: 97%;background-repeat: no-repeat;background-size:cover ;background-attachment: fixed;}
    16%{background: url("../../../../static/index/img/background/6.jpg");opacity: 97%;background-repeat: no-repeat;background-size:cover ;background-attachment: fixed;}
    20%{background: url("../../../../static/index/img/background/7.jpg");opacity: 97%;background-repeat: no-repeat;background-size:cover ;background-attachment: fixed;}
    24%{background: url("../../../../static/index/img/background/8.jpg");opacity: 97%;background-repeat: no-repeat;background-size:cover ;background-attachment: fixed;}
    28%{background: url("../../../../static/index/img/background/9.jpg");opacity: 97%;background-repeat: no-repeat;background-size:cover ;background-attachment: fixed;}
    /*24%{background: url(images/bg02.webp);opacity: 0;background-repeat: no-repeat;background-size:cover ;}*/
    /*25%{background: url(images/bg03.webp);opacity: 1;background-repeat: no-repeat;background-size:cover ;}*/
    /*35%{background: url(images/bg03.webp);opacity: 1;background-repeat: no-repeat;background-size:cover ;}*/
    /*36%{background: url(images/bg03.webp);opacity: 0;background-repeat: no-repeat;background-size:cover ;}*/
    /*37%{background: url(images/bg04.webp);opacity: 1;background-repeat: no-repeat;background-size:cover ;}*/
    /*47%{background: url(images/bg04.webp);opacity: 1;background-repeat: no-repeat;background-size:cover ;}*/
    /*48%{background: url(images/bg04.webp);opacity: 0;background-repeat: no-repeat;background-size:cover ;}*/
    /*49%{background: url(images/bg05.webp);opacity: 1;background-repeat: no-repeat;background-size:cover ;}*/
    /*59%{background: url(images/bg05.webp);opacity: 1;background-repeat: no-repeat;background-size:cover ;}*/
    /*60%{background: url(images/bg05.webp);opacity: 0;background-repeat: no-repeat;background-size:cover ;}*/
    /*61%{background: url(images/bg06.webp);opacity: 1;background-repeat: no-repeat;background-size:cover ;}*/
    /*72%{background: url(images/bg06.webp);opacity: 1;background-repeat: no-repeat;background-size:cover ;}*/
    /*73%{background: url(images/bg06.webp);opacity: 0;background-repeat: no-repeat;background-size:cover ;}*/
    /*74%{background: url(images/bg07.webp);opacity: 1;background-repeat: no-repeat;background-size:cover ;}*/
    /*85%{background: url(images/bg07.webp);opacity: 1;background-repeat: no-repeat;background-size:cover ;}*/
    /*86%{background: url(images/bg07.webp);opacity: 0;background-repeat: no-repeat;background-size:cover ;}*/
    /*87%{background: url(images/bg08.webp);opacity: 1;background-repeat: no-repeat;background-size:cover ;}*/
    /*98%{background: url(images/bg08.webp);opacity: 1;background-repeat: no-repeat;background-size:cover ;}*/
    /*99%{background: url(images/bg08.webp);opacity: 0;background-repeat: no-repeat;background-size:cover ;}*/
    /*100%{background: url(images/bg01.webp);opacity: 1;background-repeat: no-repeat;background-size:cover ;}*/
}
